


@media only screen and (min-width:768px) {
	.cd-tabs::after {
		display: none
	}

	.cd-tabs nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		box-shadow: inset -2px 0 3px rgba(203,196,130,.06);
		z-index: 1
	}
}

@media only screen and (min-width:960px) {
	.cd-tabs nav {
		position: relative;
		float: none;
		background: 0 0;
		box-shadow: none
	}
}


.cd-tabs-navigation li {
	float: left;
	width: 12%;
	border: 1px solid #FFF;
	height: 110px;
}
.cd-tabs-navigation li .intro p{
	padding-bottom: 15px;
	display: block;
}
.cd-tabs-navigation a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 12px;
	font-size: .75rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 700;
	color: #c3c2b9;
	font-weight: normal;
}

.no-touch .cd-tabs-navigation a:hover {
	color: #29324e;
	background-color: rgba(233,230,202,.3)
}

.cd-tabs-navigation a.selected {
	color: #FFF;
	background: #2f66bf;
	position: relative;
}

.cd-tabs-navigation a.selected:after{
	background:  #2f66bf;
	position: absolute;
	padding-top: 40px;
	width:100%;
	content: '';
	display: block;
}
.cd-tabs-navigation a.selected:before{
	background:  #2f66bf;
	position: absolute;
	padding-top: 40px;
	width:100%;
	content: '';
	display: block;
	top: -40px;
	left: 0;
}



.cd-tabs-navigation a::before {
	position: absolute;
	top: 12px;
	left: 50%;
	display: inline-block;
	height: 20px;
	width: 20px
}

@media only screen and (min-width:768px) {


	.cd-tabs-navigation a::before {
		top: 22px
	}
}

	.cd-tabs-navigation {
		width:70%;
		margin: 0 auto;
		clear: both;
		position:absolute;
		z-index: 9999;
		left: 50%;
		bottom: 15%;
		transform: translateX(-50%);
	}

	.cd-tabs-navigation a {
		width: auto;
		text-align: center;
		font-size: 14px;
		font-size: .875rem;

	}

	.cd-tabs-navigation a::before {
		top: 50%;
		margin-top: -10px;
		margin-left: 0;
		left: 38px
	}

.cd-tabs-content {
	background: #fff;
	width: 100%;
	height: 100% !important;
}

.cd-tabs-content li {
	display: none;
	padding: 1.4em
	width:100%;
	height: 100%;
}

.cd-tabs-content li.selected {
	display: block;
	-webkit-animation: cd-fade-in .5s;
	-moz-animation: cd-fade-in .5s;
	animation: cd-fade-in .5s
}



@media only screen and (min-width:960px) {

	.cd-tabs-content li p {
		font-size: 16px;
		font-size: 1rem
	}
}

@-webkit-keyframes cd-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes cd-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes cd-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}